@charset "utf-8";
*{margin:0; padding:0; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,del,dfn,em,img,ins,strong,sub,sup,dd,dl,dt,li,ol,ul,fieldset,form,label,legend ,hr{margin:0;padding:0;}
section,article,aside,header,footer,nav,dialog,figure,hgroup {display:block;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
address, cite, em {font-style:normal;}
li {list-style-type:none;}
fieldset, img {border:0;}
label,button {outline: none; cursor: pointer;}
select,input,textarea,button {outline:none;font:12px/1.6em "Microsoft Yahei","\5b8b\4f53","Arial Narrow";}
html,body {height:100%;background:#f9f9f9;font:12px/1.6em "Microsoft Yahei","\5b8b\4f53","Arial Narrow";color:#999;-webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }
a {color:#333;outline:none;text-decoration:none; }
a:hover {color:#309de7;}


.fr{float:right;}
.fl{float:left;}




/*头部导航*/
/*header {position:fixed; top:0; left:0; width:100%; min-width:1180px;  background:#212123;background:rgba(33,33,35,0.8)!important; z-index:9999  }*/
header {position:fixed; top:0; left:0; width:100%; min-width:1180px;  z-index:9999;  transition: all 0.6s ease 0s;
  -webkit-transition:all 0.6s ease 0s;  }

.headerOpacity {background:rgba(33,33,35,1)!important;  transition: all 0.6s ease 0s;
  -webkit-transition:all 0.6s ease 0s;  }
.headerNav {  width:1180px;  height:80px; margin:auto; position:relative; }
.ts_nav_fl { position:absolute; top:0 ;  left:-160px ;}
.ts_nav_fl .ts_logo {  width:160px; height:80px;  }
.ts_nav {  }
.ts_nav > ul {  overflow:hidden}
.ts_nav > ul > li {  float:left;  margin:35px  25px 0 0}
.ts_nav > ul > li > a {  font-size:16px; color:#fff;}
.ts_nav > ul > li > a:hover {  color:#ff6612}
.ts_nav_fr { overflow:hidden;  position:absolute; top:33px; width:300px;  right:-140px;  }
.ts_nav_fr .telRight{ text-align: right}
.ts_nav_fr .telRight img{ width: 18px; height: 18px; vertical-align: middle; margin:  0 2px 0 0 }
.ts_nav_fr .telRight span{ font-size: 16px;  color: #fff; vertical-align: middle}
.ts_nav_language {  font-size:13px; color:#fff; margin:2px 0  0 0}
.ts_nav_language>a{color:#fff;}
.ts_nav_img >a{ margin: 0  0 0 2px  }
.ts_nav_img > a:hover {  opacity:0.8}

.ts_nav > ul .orange_A >a {  color:#ff6612}

.serviceNavBox { border-top:1px solid #aca8a9; clear:both; display:none }
.serviceNav {  width:1180px; margin:auto; height:50px; position:relative}
.serviceNav > ul {  overflow:hidden}
.serviceNav > ul > li {  float: left; line-height:50px; margin: 0  65px 0 0 }
.serviceNav > ul > li > a {  font-size:14px; color:#fff;}
.bottomLine {  position:absolute; bottom:0; left:0; height:2px;background:#ff6612}
.serviceColor >a{ color:#ff6612 !important}
.serviceNav > ul > li > a:hover { color:#ff6612}


@media screen and (max-width: 1200px) {
  .headerNav {  width:750px;  height:80px; margin:auto; position:relative; }
  .serviceNav {  width:750px; margin:auto; height:50px; position:relative}
  .serviceNav > ul > li {  float: left; line-height:50px; margin: 0  25px 0 0 }
  .serviceNav > ul > li > a {  font-size:13px; color:#fff;}

}





.index_video{min-width: 1200px; left:0;position:absolute;top:0;width:100%;z-index:-100;background-color:#FFF;display:none; overflow:hidden}
.index_video video{position:relative;z-index:999}
/*.index_video .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:10000}*/
.index_video .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:10000}

.index_cover--bg{display:none}


.Ts_nav { height:80px; width:100%;  background:#26282a;background-color:rgba(38,40,42,0); position:fixed; top:0; left:0 ; width:100%; z-index:99999999}
.Ts_nav_opacity { background-color:rgba(38,40,42,1);}

.nav_fl {margin:  0 0 0 5%;  height:80px; }
.nav_fl .logo {  width:150px ;height:50px;float:left; margin: 10px 0 0 0}
.nav_fl .logo > a > img { width:150px ;height:50px; }
.nav_fl .navFont { float:left  ; width:570px; margin: 35px 0  0 30px }
.nav_fl .navFont > ul { }
.nav_fl .navFont > ul > li {  float:left; margin: 0 30px 0 0}
.nav_fl .navFont > ul > li > a {  font-size:14px; color:#ffffff}
.nav_fl .navFont > ul > li > a:hover { color:#ff6304 }


.nav_fr {   margin:  0 5% 0  0;  overflow:hidden}
.nav_lauge {   font-size:14px; color:#fff; margin:35px 0 0 0}
.nav_lauge > a {  color:#fff;}
.nav_lauge > a:hover { color:#ff6304 }
.nav_ico { margin:35px 0 0 5px }
.nav_ico > a {  margin : 0  5px 0 0}
.nav_ico > a:hover {  opacity:0.8}





.Ts_Count {  position:absolute; top:0!important; left:0; width:100%; min-width: 1180px}
/*服务*/
.Ts_service { background:#f9f9f9; overflow:hidden ; position:relative;padding: 50px 0}
.serviceAuto { position:relative; z-index:999;  width:1180px; margin:50px auto; }
.serviceAuto .service_Title {  }
/*.serviceAuto .service_Title > div { height:50px; width:90px; margin:auto;  text-align:center; border-bottom:1px solid #c8c8c8; font-size:35px; color:#0d2b51; font-weight:bold; line-height:50px; }*/
.serviceAuto .service_Title > h4 { height:50px; margin:auto;  text-align:center;  font-size:35px; color:#000; font-weight:bold; line-height:50px; }
.serviceAuto .service_Title > p { text-align:center;  font-size:12px; color:#aaaaaa; line-height:20px; margin:20px  0 10px 0}

.posTop {  position:absolute; top:0; left:15%; width:260px; height:120px; background:url(../images/top_cl.jpg) no-repeat ; background-size:cover}
.posBottom {  position:absolute; bottom:0 ; right:15%; width:120px; height:75px; background:url(../images/bottom_cl.jpg) no-repeat ; background-size:cover }

.service_Ul {  margin:25px  0}
.service_Ul > ul {  overflow:hidden; margin: 0 0 0  -10px; padding:2px }
.service_Ul > ul > li { position:relative; width:225px;  float:left; background:#fff; margin:  0 0 0 10px; cursor:pointer;  height:320px;}
/*.service_Ul > ul > li > a {  display:inline-block; width:100%}*/
.service_Ul > ul > li .service_img {  width:225px; height:230px;  overflow:hidden}
.service_Ul > ul > li  .service_img > img {  width:225px; height:230px; }

.service_Ul > ul > li  .service_bot { position:absolute; background:#fff ; top:230px; left:0; width:100%; overflow:hidden;height:320px;}
.service_Ul > ul > li .service_bot .service_botAuto {  width:180px; margin:10px auto;    }
.service_Ul > ul > li .service_bot .service_botAuto .serviceNum {  font-size:25px; color:#c8c8c8; width:40px; border-bottom:1px solid #c8c8c8; margin:auto; text-align:center; height:35px; line-height:35px}

.service_Ul > ul > li  .service_bot .service_botAuto > h4 {  font-size:14px;  color:#142438;  margin:10px 0 0 0; line-height:20px;  text-align:center}
.service_Ul > ul > li .service_bot .service_botAuto > h4 > a { color:#142438;}
.service_Ul > ul > li  .service_bot .service_botAuto > p{  font-size:14px;  color:#142438; height:100px; overflow:hidden;  margin:10px 0 0 0; line-height:20px;  text-indent:2em;display:none}
.service_Ul > ul > li .service_bot .service_botAuto > p > a {color:#142438; }
/*.service_Ul > ul > li:hover {  background:#000;  }*/
/*.service_Ul > ul > li:hover .service_bot .service_botAuto > div {  color:#fff;}
.service_Ul > ul > li:hover a .service_bot .service_botAuto > p {  color:#fff}*/
.service_Ul > ul > li .service_botblack {  background:#191919}
.service_Ul > ul > li .service_botblack .service_botAuto .serviceNum {  font-size:25px; color:#fff; width:40px; border-bottom:1px solid #fff; margin:auto; text-align:center; height:35px; line-height:35px}

.service_Ul > ul > li .service_botblack  .service_botAuto > h4 > a { color:#fff; font-size:16px}
.service_Ul > ul > li .service_botblack  .service_botAuto > p > a { color:#fff;}
.serviceIco {  width:75px; height:75px; margin:20px auto 10px auto;  display:none ; }

/*客户&案例*/

.Ts_Case {   background:#222222; padding:50px 0}
.Case_Auto {  width:1180px; margin:auto; }
.Case_title { }
/*.Case_title > h4 {  color:#ff8722; font-size:32px; font-weight:bold; text-align:center; height:40px; line-height:40px; }*/
.Case_title > h4 {  color:#fff; font-size:35px; font-weight:bold; text-align:center; height:40px; line-height:40px; }
.Case_title > p { color:#999; font-size:12px; text-align:center; line-height:20px;  margin:20px  0}


.Case_list {overflow:hidden; margin: 0 0 0 -10px; padding:10px 0 }
/*.Case_list > div { position:relative;*/
/*float:left; */
/*margin: 0 0   10px 10px;*/
/*!*top:0;  */
/*transition:top 0.3s;*/
/*transition-timing-function:ease-in;*/
/**/
/*-webkit-transition:top 0.3s;*/
/*-webkit-transition-timing-function:ease-in;*!*/
/**/
/*}*/
/*.CaseList_470 {  width:460px;overflow:hidden}*/
/*.CaseList_470  .CaseList_470_img {  position:relative;width: 460px; height: 215px; overflow:hidden}*/
/*.CaseList_470  .CaseList_470_img > a > img {  */
/*width: 460px; height: 215px; display:block ;*/
/*transition: all 0.6s;  */
/*-webkit-transition:all 0.6s;*/
/*-moz-transition:all 0.6s;*/
/*-o-transition:all 0.6s;*/
/*}*/
/*.CaseList_470 .CaseBot { */
/*position:absolute;*/
/*bottom:-50px;*/
/*left:0; */
/*height:50px;*/
/*width:100%;*/
/*background: #000;*/
/*background:rgba(0,0,0,0.7)!important; */
/*transition:bottom 0.3s;*/
/*transition-timing-function:ease-in;*/
/*!* Safari *!*/
/*-webkit-transition:bottom 0.3s;*/
/*-webkit-transition-timing-function:ease-in;*/
/**/
/*}*/
/*.CaseList_470 .CaseBot > div {font-size:14px;  color:#fff;  line-height:50px; width:95%; margin:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}*/
/*.CaseList_470 .CaseBot > div > a {  color:#fff;}*/

/*.CaseFont {   background:#f1f1f1; height:60px; padding: 0 2.5%;  overflow:hidden}*/
/*.CaseFont .CaseFontFl { font-size:15px; color:#333 ; line-height:60px; width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}*/
/*.CaseFont .CaseFontFl > a {  color:#333}*/

/*.CaseFont .CaseFontFr {  margin:23px 0 0 10px}*/
/*.CaseFont .CaseFontFl > a { }*/


/*.CaseList_230 {  width:225px; overflow:hidden}*/
/*.CaseList_230  .CaseList_230_img {  position:relative}*/
/*.CaseList_230  .CaseList_230_img > a > img {   width: 225px; height: 215px; display:block ;*/
/*transition: all 0.6s;  */
/*-webkit-transition:all 0.6s;*/
/*-moz-transition:all 0.6s;*/
/*-o-transition:all 0.6s;*/
/*}*/
/*.CaseList_230 .CaseBot { position:absolute; bottom:0; left:0; height:50px; width:100%;background: #000;background:rgba(0,0,0,0.7)!important;    }*/
/*.CaseList_230 .CaseBot > div {font-size:14px;  color:#fff;  line-height:50px; width:95%; margin:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}*/
/*.CaseList_230 .CaseBot > div > a {  color:#fff;}*/

.transition500 { transition: 500ms ease-out; -webkit-transition: 500ms ease-out; -ms-transition: 500ms ease-out; -moz-transition: 500ms ease-out; -o-transition: 500ms ease-out;}
.Case_list > div:hover  {box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc;}
.Case_list > div:hover .CaseBot {  bottom:0;}

.Case_list > div:hover >div>a>img{      transform: scale(1.2);
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  -ms-transform:scale(1.1)}

/*客服案列修改新样式*/
.caseNewStyle{ }
.caseNewStyle>ul{  overflow: hidden; margin:  0 0  0 -12px}
.caseNewStyle>ul>li{ float: left; margin:  10px 0 10px  12px; width: 285px;  overflow: hidden;}
.caseNewStyle>ul>li .casePhoto{ position: relative; width:100%; height: 193px; overflow: hidden}
.caseNewStyle>ul>li .casePhoto>img{width:100%; height: 193px;   transform: scale(1);
  -webkit-transform: scale(1);
  transition: all 0.6s ease 0s;
  -webkit-transition:all 0.6s ease 0s; ;}
.caseNewStyle>ul>li .casePhoto>a{ background: rgba(0, 0, 0, 0); position: absolute;top: 0;left: 0; display: inline-block; width: 100%; height: 100%}
.caseNewStyle>ul>li .casePhoto>a>p{ position: absolute; top:50%;  transition: all 0.6s ease 0s;
  -webkit-transition:all 0.6s ease 0s; opacity: 0;  margin-top:-15px;  width: 100%;  height: 30px; font-size: 16px; color: #fff; line-height: 30px; text-align: center}
.caseNewStyle>ul>li .casePhoto>a>p>span{ position: absolute;}
.topline{
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
  -webkit-transition:all 0.6s ease 0s;
}

.botline{
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
  -webkit-transition:all 0.6s ease 0s;
}
.caseNewStyle>ul>li .casePhoto>a:hover span{
  transition:0.5s ease;
  -webkit-transition: 0.5s ease;
  margin-left: -3px;
  width: 6px;
}
.caseNewStyle>ul>li .casePhoto>a:hover p{
  opacity: 1;
  transition: all 0.6s ease 0s;
  -webkit-transition:all 0.6s ease 0s;
}
.caseNewStyle>ul>li .casePhoto>a:hover{
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.6s ease 0s;
  -webkit-transition:all 0.6s ease 0s;
}
.caseNewStyle>ul>li div:hover >img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition: all 0.6s ease 0s;
  -webkit-transition:all 0.6s ease 0s;
}

.caseXx{background: #fff;padding: 10px  ;}
.caseXx>h4{ height: 30px; font-size: 16px; line-height: 30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.caseXx>h4>a{ color: #333;}
.caseXx>p{ font-size: 12px; height: 40px; overflow: hidden; line-height: 20px;}
.caseMore{ border-top:1px solid #e5e5e5; margin: 5px 0 0  0; padding: 10px 0  0 0}
.caseMore>a{ color: #777; width: 100%; display: inline-block; overflow: hidden; }
.caseMore>a:hover{ }
.caseMore>a:hover>span{ float: left;color: #333}
.caseMore>a>img{float: right;  margin: 5px 0 0 0;  opacity: 0.5}
.caseMore>a:hover img{
  opacity: 1;
  transition: all 0.6s ease 0s;
  -webkit-transition:all 0.6s ease 0s;
}












.more {   text-align:center; margin:20px 0 0  0}
.more > a {  display:inline-block; border-radius:100px; font-size:15px; padding:10px 30px ; color:#fff; background:#999}
.more > a:hover {  box-shadow: 0  0 5px #999}
/*解决方案*/
.solution {  padding:100px 50px; background:#f9f9f9}
.solution_Auto {  margin:auto; width:1180px;}
.solution_Auto .solution_title { }

/*.solution_Auto .solution_title  > h4 {  color:#575758; font-size:32px; text-align:center; height:40px; line-height:40px}*/
.solution_Auto .solution_title  > h4 {  color:#000; font-size:35px;font-weight:bold;  text-align:center; height:40px; line-height:40px}
.solution_Auto .solution_title > p { color:#575758; font-size:12px; text-align:center; line-height:20px;  margin:20px 0 10px 0}

.solution_Scroll {  overflow:hidden; margin:   20px  0  0 -5px;}
.solution_List {  width:290px;   text-align:center; float:left; margin:   0  0  0 5px; padding:10px  0;}
.solution_List > a {  display:inline-block; width:100%}
.solution_List > a .solution_Img {background-image:url(../images/yybg.png); height:90px;  margin:auto ;   }
.solution_List > a > h4 { color: #222; font-size: 18px; font-weight: bold; margin-bottom: 20px; margin-top: 40px; }
.solution_List > a > p { font-size: 12px; color: #999; text-transform: uppercase; }

.img_1 { background-position: 0px -96px; width: 169px; }
.img_2 {  background-position: -339px -96px;width: 110px; }
.img_3 {  background-position: 0px 0px; width: 169px; }
.img_4 {  background-position: -339px 0px; width: 170px; }

.solution_List:hover > a .img_1 { background-position: -169px -96px;}
.solution_List:hover > a .img_2 { background-position: -451px -96px;}
.solution_List:hover > a .img_3 { background-position: -169px 0px;}
.solution_List:hover > a .img_4 { background-position: -508px 0px;}
.solution_List:hover {  background:#fff}


.swiper-button-next,.swiper-button-prev {  display:none}
.swiper-container:hover .swiper-button-next{  display:block}
.swiper-container:hover .swiper-button-prev{  display:block}

/*视野*/
.eyes {  padding:50px; background:#ffffff}
.eyes_Auto {  margin:auto; width:1180px; }
.eyes_Auto > h4 { font-size:35px; font-weight: bold; color:#000; height: 40px;line-height: 40px;   margin:  0 0 5px 0  }

.eyes_Div { margin:10px auto; }
.eyes_Div > ul {  overflow:hidden;margin: 0 0  0 -8px}
.eyes_Div > ul > li { float:left; width:270px;  overflow:hidden; border:1px solid #fff; margin: 0 0  0 8px}
.eyes_Div > ul > li .eyes_img {  width:270px; height:155px; overflow:hidden}
.eyes_Div > ul > li .eyes_img > a > img {  width:270px; height:155px;}

.eyes_Div > ul > li .eyes_font {  background:#282828;  padding:20px 25px; }
.eyes_Div > ul > li .eyes_font>h4 { font-size:16px; color:#fff; height:25px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.eyes_Div > ul > li .eyes_font > span {  font-size:13px; color:#a4a4a4}
.eyes_Div > ul > li .eyes_font > p {  height:40px; font-size:14px; color:#a4a4a4; line-height:20px; overflow:hidden}

.eyes_time { width:70px; height:70px; border:1px solid #464646; text-align:center ; overflow:hidden;}
.eyes_time > p {  font-size:16px; color:#464646; margin: 20px 0 2px 0 }
.eyes_time > span { font-size: 12px; color: #464646; }

.eyes_font2 {  margin:20px  0; }
.eyes_font2 > h4 {  font-size:16px; color:#464646}
.eyes_font2 > p {  margin:20px 0 0 0; font-size:14px; height:60px; color:#404040; line-height:20px; overflow:hidden}
.eyesPanding {   padding:20px 10px 12px 10px}
.eyes_Div > ul > li:hover {  border:1px solid #000}
.eyes_Div > ul > li:hover .eyes_time {  background:#000;border:1px solid #000;}
.eyes_Div > ul > li:hover .eyes_time > p { color:#fff}
.eyes_Div > ul > li:hover .eyes_time > span { color:#fff}

.eyesPanding > a {  display:inline-block;  width:30px; height:30px; background:url(../images/iconMore.png) no-repeat }
.eyesPanding:hover  a{  background-position-x:  -40px}

.li_Eye .eyes_img > a > img {cursor: pointer;
  transition: all 0.6s;
  -webkit-transition:all 0.6s;
  -moz-transition:all 0.6s;
  -o-transition:all 0.6s;

}
.li_Eye:hover .eyes_img > a > img {
  transform: scale(1.2);
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -o-transform:scale(1.2);
  -ms-transform:scale(1.2)
}





.float-right-box{
  width: 250px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -127px;
  background-color: #191919;
  z-index: 1000;
  transition: width 0.3s ease 0s;
}
.float-right-box.on{
  width: 50px;
}
.float-right-box .top-list{
  width: 100%;
}
.float-right-box .top-list ul{
  width: 100%;
}
.float-right-box .top-list li{
  width: 100%;
  position: relative;
  border-bottom: 1px solid #3b3b3b;
  transition: background 0.3s ease 0s;
  height: 50px;
}
.float-right-box .top-list a{
  display: block;
  width: 100%;
}
.float-right-box .top-list .ico{
  display: inline-block;
  width: 50px;
  height: 49px;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.3s ease 0s;
  z-index: 2;
}
.float-right-box .top-list .ico1{
  background: url(../images/ico_58.png) no-repeat center #191919;
}
.float-right-box .top-list .ico2{
  background: url(../images/ico_59.png) no-repeat center #191919;
}
.float-right-box .top-list .ico3{
  background: url(../images/ico_60.png) no-repeat center #191919;
}
.float-right-box .top-list .ico4{
  background: url(../images/ico_61.png) no-repeat center #191919;
}
.float-right-box .top-list .ico5{
  background: url(../images/ico_62.png) no-repeat center #191919;
}
.float-right-box .top-list .ico6{
  background: url(../images/ico_68.png) no-repeat center #191919;
}
.float-right-box .top-list .ico7{
  background: url(../images/ico_69.png) no-repeat center #191919;
}
.float-right-box .top-list .stt{
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  transition: color 0.3s ease 0s;
  position: absolute;
  left: 28px;
  top: 0;
  z-index: 1;
  width: 222px;
}
.float-right-box .top-list li:hover .stt{
  color: #15191e;
}
.float-right-box .top-list li:hover .ico1{
  background: url(../images/ico_58_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico2{
  background: url(../images/ico_59_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico3{
  background: url(../images/ico_60_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico4{
  background: url(../images/ico_61_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico5{
  background: url(../images/ico_62_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico6{
  background: url(../images/ico_68_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover .ico7{
  background: url(../images/ico_69_h.png) no-repeat center #fff;
}
.float-right-box .top-list li:hover{
  background-color: #fff;
}
.float-right-box .top-list .return-webtop .stt{
  font-family: "Arial";
  font-weight: bold;
}
.float-right-box .bot-share{
  position: relative;
  height: 50px;
}
.float-right-box .bot-share a{
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  transition: background 0.3s ease 0s;
  margin: 0;
  padding: 0;
}
.float-right-box .bot-share .share{
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.float-right-box .bot-share .sina{
  background: url(../images/ico_63.png) no-repeat center;
}
.float-right-box .bot-share .wx{
  background: url(../images/ico_64.png) no-repeat center;
}
.float-right-box .bot-share .tx{
  background: url(../images/ico_65.png) no-repeat center;
}
.float-right-box .bot-share .more{
  background: url(../images/ico_66.png) no-repeat center;
}
.float-right-box .bot-share a:hover{
  background-color: #525354;
}
.float-right-box .bot-share .share-ico{
  background: url(../images/ico_67.png) no-repeat center #191919;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: relative;
}



.swiper-button-next, .swiper-button-prev { z-index: 99999; }






.i-ban {
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: 1;

}
.i-ban ul, .i-ban li {
  width: 100%;
  height: 100%;
}
.i-ban li {
  background-size: cover !important;
  position: absolute;
  left: 100%;
  top: 0;
  overflow: hidden;
}
.i-ban li .cent-cont {
  position: absolute;
  left: 10.5%;
  top: 50%;
  margin-top: -240px;
  color: #fff;
  z-index: 3;
}
.i-ban li .gray-bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.i-ban li .word {
  color: #fff;
  font-size: 40px;
  line-height: 68px;
}
.i-ban li .word p {
  position: relative;
  overflow: hidden;
  height: 68px;
}
.i-ban li .word p .font-sign {
  position: relative;
  display: block;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban li .word span.line {
  display: block;
  height: 4px;
  background-color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 0;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.i-ban li .word .font {
  display: block;
  position: relative;
  top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban li .link {
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  margin-top: 50px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-ban li .link i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_16.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.i-ban li .link:hover {
  border: 1px solid white;
}
.i-ban li.active .word p .font-sign {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  transform: rotate(0);
  transition: all 0.5s ease 0s;
}
.i-ban li.active .link {
  opacity: 1;
  filter: alpha(opacity=1);
  transition: all 0.3s ease 0.6s;
}
.i-ban li.active .link i {
  animation: downico 1.5s ease-out infinite;
}










.i-ban .btns {
  position: absolute;
  bottom: 76px;
  left: 10.5%;
  z-index: 10;
}
.i-ban .btns span {
  display: inline-block;
  width: 50px;
  height: 2px;
  margin-right: 10px;
  background-color: #3a333f;
  position: relative;
  cursor: pointer;
}
.i-ban .btns span i {
  display: block;
  height: 100%;
  position: absolute;
  width: 0;
  background-color: #918c94;
}



@keyframes downico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 50%;
    opacity: 0;
  }
  65% {
    top: -50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}


.swiper-button-next {  background:url(../images/right.png) no-repeat center center !important  ; background-size:cover!important; width:27px; height:44px; }
.swiper-button-prev { background:url(../images/left.png) no-repeat center center!important ; background-size:cover!important; width:27px; height:44px; }
























/**/


.ts_bgBox { position: relative;  width:100%; min-width:1180px; height:600px; overflow:hidden;  }
/*2019新加*/
.serviceNewNav{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.serviceNew_1180{
  width: 1180px;
  margin: auto;
  overflow: hidden;
}
.serviceNew_1180>a{
  display: inline-block;
  width: 49.5%;
  height: 60px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  line-height: 60px;
  background: #2b2b2b;
}
.serviceNew_1180>a.active{
  background: #ff6612;
}
.serviceNew_1180>a:hover{
  background: #ff6612;
  color: #fff;
}
/*智慧型数据背景图*/
.inerlligentBg { background:url(../images/Intelligent_data.jpg) no-repeat center center; background-size:cover }

.ts_Font { color: #fff; width: 670px; padding:  150px 0 0 0; margin:  auto; position:relative }
.ts_Font h4 { font-size:60px; text-align:center; line-height:70px ; margin: 0 0  30px 0}
.ts_Font > p {  font-size:16px; text-align:center; line-height:30px}


.tskj_count {  width:1180px; margin:20px auto}
.tskj_inerlligent { }
.tskj_inerlligent > ul {  overflow:hidden}
.tskj_inerlligent > ul > li { width:50%; float:left;  height:320px;  }
.tskj_inerlligent > ul > li:nth-child(odd) {  background:#ffffff}
.tskj_inerlligent > ul > li:nth-child(even) {  background:#f0f0f0}
.tskj_inerlligent > ul > li > div {  width:500px; margin:110px  auto auto auto}
.tskj_inerlligent > ul > li > div > h4 { font-size:24px; color:#333333; line-height:30px; margin: 0 0  30px 0 }
.tskj_inerlligent > ul > li > div > p {  font-size:16px; color:#777777; line-height:30px;}


.inerlligent_list {    margin: 30px auto auto auto; overflow:hidden}
.inerlligent_list .inerlligent_fl_img { width:800px; height:420px; }
.inerlligent_list .inerlligent_fl_img > img {width:800px; height:420px; }
.inerlligent_list .inerlligent_fl_font { width:380px; height:420px; background:#404040; overflow:hidden}

.zhui_auto {  width:260px;  margin:100px auto auto auto}
.zhui_auto .zh_img {  width:80px; height:80px;   margin:  auto auto  20px  auto}
.zhui_auto > h4 { font-size:24px; color:#fff;  text-align:center; line-height:60px;}
.zhui_auto > p { font-size:14px; color:#fff; line-height:24px; text-align:center }

/*解决方案*/
.resolve_bg { background:url(../images/resolve_bg.jpg) no-repeat center center; background-size:cover }
.solutions { }
.solutions > ul {  overflow:hidden; margin: 0 0 0 -30px}
.solutions > ul > li {  width:575px; background:#fff; overflow:hidden; float:left; margin: 0 0  30px 30px}
.solutions > ul > li > div { margin:30px auto; width:535px; overflow:hidden }
.solutions > ul > li > div .solutionsfl {  width:185px; height:185px;}
.solutions > ul > li > div .solutionsfr { width:325px;  }
.solutions > ul > li > div .solutionsfr > h4 {  font-size:21px; margin:20px 0 0  0; line-height:30px}
.solutions > ul > li > div .solutionsfr > h4 > a {  color:#333;}
.solutions > ul > li > div .solutionsfr > h4 > a:hover { color:#ff6612 }
.solutions > ul > li > div .solutionsfr > p { font-size:14px; color:#777; line-height:24px; margin:15px 0 0 0;height:120px;overflow: hidden;  }

/*关于我们*/
.about_bg { background:url(../images/about_Bg.jpg) no-repeat center center; background-size:cover }
.aboutlist {  overflow:hidden; margin: 0  0  30px 0; background:#fff}
.aboutlist:last-child {  margin:0}
.aboutfl { width:590px; height:380px;  overflow:hidden }
.aboutfl >img{ width: 590px; height: 380px; }
.aboutfr {  width:530px; padding:30px ; height: 320px; }
.aboutfr > h4 {  font-size:24px; color:#333; line-height:30px; }
.aboutfr > p { font-size:14px; color:#777; line-height:24px  ; margin:15px 0  0 0; height:290px; overflow:hidden}
.aboutfr > ul { margin:15px 0 0  0 }
.aboutfr > ul > li { }
.aboutfr > ul > li > p { font-size:14px; color:#777; background:url(../images/about_dian.png) no-repeat center left; padding: 0  0  0 15px; height:30px; line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;  }
.aboutfr > ul > li > p > a {  color:#777 }
.aboutfr > ul > li > p > a:hover {  color:#ff8032}
.gszs {  width:100%; min-width:1180px;}
.gszs > img {  width:100%}

/*联系我们*/
.contact_us_bg{ background:url(../images/Contactus.jpg) no-repeat center center; background-size:cover }
.contactUs {  position:absolute; top:-130px; left:0; width:100%;  text-align:center}

.fillinthe {  width:420px; padding:25px 40px;   height:auto; margin:-170px auto auto auto; background:#fff;position:relative;
  animation:myfirst 3s;

  -webkit-animation:myfirst 3s; /* Safari and Chrome */  }
@keyframes myfirst
{

  0%  {top:330px;}
  100% {top:0; }
}


.fillinthe > h4 { font-size:16px; font-weight:bold; color:#2b2b2b; line-height:30px; }
.fillinthe > ul { }
.fillinthe > ul > li {  overflow:hidden; margin:20px  0 0  0}
.fillinthe > ul > li > div {  background:#f9f9f9;}
.fillinthe > ul > li .fillinthefl { width:240px;  }
.fillinthe > ul > li .fillinthefr { width:150px; }
.fillinthe > ul > li > div > input { background:#f9f9f9;  font-size:14px;  padding:0 5%; width:90%; height:40px; line-height:40px; outline:none; border:none }
.fillinthe > ul > li .fillinthe_inp {  width:100%; }
.fillinthe > ul > li .fillinthe_inp textarea { background:#f9f9f9;   font-size:14px;padding:2% 5%; height:280px; line-height:20px; width:90%;outline:none; border:none; resize:none }
.fillinthe > ul > li > button {  width:100%; height:55px;  font-size:18px; background:#302f2f; color:#fff; outline:none; border:none }
.fillinthe > ul > li > button:hover {  background:#ff6614 }

.contactUsBox {  width:100%; min-width:1180px; padding:25px 0; margin:45px auto; background:#fff}
.contactUs_auto {  width:970px;  margin:auto;}
.contactUs_auto > h4 { font-size:24px; color:#333333; line-height:30px; }
.scts_Map {  width:970px; height:400px;  margin:20px auto}

.contactUs_bot { overflow:hidden}
.contactUs_bot .contactUs_botfl {  width:480px; }
.contactUs_bot .contactUs_botfl > ul { }
.contactUs_bot .contactUs_botfl > ul > li {  overflow:hidden}
.contactUs_bot .contactUs_botfl > ul > li > span { float:left;  display:inline-block; display:inline-block; color:#333333; width:100px; padding:0 0  0 20px; font-size:14px;  height:35px; line-height:35px;}
.contactUs_bot .contactUs_botfl > ul > li > p {font-size:14px; color:#333;  height:35px; line-height:35px; width:350px; float:right }
.contactUs_bot .contactUs_botfl > ul > li > p >a{  color:#64bae9}
.contactUs_bot .contactUs_botfl > ul > li > p > a:hover {  text-decoration:underline}

.contactUs_bot .contactUs_botfr {  width:430px; overflow:hidden; margin:10px 0 0 0}
.contactUs_bot .contactUs_botfr .contactus_ew {  width:120px; height:120px; }
.contactUs_bot .contactUs_botfr .contactus_ewFont { width:280px; margin: 0 0  0 15px}
.contactUs_bot .contactUs_botfr .contactus_ewFont > p {  font-size:14px; color:#333; line-height:25px;  margin: 5px  0 10px 0}




/*服务*/
.service_bg {  background:url(../images/serviceBg.jpg) no-repeat center center; background-size:cover }
.service_Font {  width:680px;  padding:20px 10px; border:2px solid  #fff; margin:200px auto;  color:#fff}
.service_Font > div {  text-align:center; font-size:70px; color:#fff; line-height:75px; margin: 0 0  25px 0}
.service_Font h4 { font-size:60px; text-align:center; line-height:70px ; margin: 0 0  30px 0}
.service_Font > p {  font-size:16px; text-align:center; line-height:30px}
.service_support {  margin:20px auto;}
.service_support > h4 { font-size:36px; color:#333; line-height:40px;  text-align:center}
.service_support > p {  font-size:18px; color:#333; line-height:30px; text-align:center; margin:20px 0 0 0}
.service_support > ul { overflow:hidden; margin: 0 0 0 -20px }
.service_support > ul > li { background:#fff;  width:280px; float:left; margin: 20px 0  0 20px }
.service_support > ul > li .serviceImg,.service_support > ul > li .serviceImg>a>img {  width:280px; height:240px}
.service_support > ul > li .service_wb {  width:260px; margin:10px auto;}
.service_support > ul > li .service_wb > h5 {  font-size:16px; color:#333; line-height:30px; height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.service_support > ul > li .service_wb > p { font-size:14px; color:#333; line-height:30px;  height:90px; overflow:hidden }

.service_white {  width:100%; background:#fff; height:400px;}


/*视野*/
.view_bg {background:url(../images/viewBg.jpg) no-repeat center center; background-size:cover }
.viewBox { }
.view_momth {  }
.view_momth > a {  font-size:20px; color:#777; font-weight:bold; margin: 0 20px 0 0 }
.view_momth > a:hover { color:#242424 }
.view_momth .ablack {color:#242424  }

.viewList { }
.viewList > ul { overflow:hidden ; margin: 0 0 0  -30px}
.viewList > ul > li {  width:370px; background:#fff; float:left; margin: 30px 0 0   30px; border:1px solid #fff }
.viewList > ul > li .viewImg,.viewList > ul > li .viewImg > a > img { width:370px; height:240px;; overflow:hidden }
.viewList > ul > li .viewfont {  width:330px; margin:20px auto;}
.viewList > ul > li .viewfont > h4 {  font-size:16px; color:#333333; margin: 0 0 5px 0; line-height:30px; height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.viewList > ul > li .viewfont > h4 > a { color:#333333}
.viewList > ul > li .viewfont > span { font-size:13px; color:#777777 }
.viewList > ul > li .viewfont > p { margin:10px auto; font-size:14px;  color:#555; line-height:24px; height:72px; overflow:hidden}
.viewList > ul > li:hover .viewfont > h4 > a {  color:#ff6612}
.viewList > ul > li .viewImg > a > img {  transition: all 0.6s;
  -webkit-transition:all 0.6s;
  -moz-transition:all 0.6s;
  -o-transition:all 0.6s;}
.viewList > ul > li:hover .viewImg > a > img {            transform: scale(1.1);
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  -ms-transform:scale(1.1)}








.page {   text-align:center; margin:20px auto }
.page > a {  display:inline-block; margin: 0 10px; color:#333; width:45px; height:45px; font-size:14px; text-align:center;  line-height:45px; border-radius:5px; border:1px solid #ff6303}
.page > a:hover { border:1px solid #242424; background:#242424; color:#fff; }
.page .aActive {border:1px solid #242424!important; background:#242424!important; color:#fff!important; }



.viewWhite {  width:1140px ; padding:20px ; background:#fff; margin:20px auto; }
.viewTitle {  overflow:hidden}
.viewTitle .viewTitlefl {  width:950px;}
.viewTitle .viewTitlefl > p {  font-size:22px; color:#2f2f2f; line-height:30px; height:30px;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin: 0 0  10px 0 }
.viewTitle .viewTitlefl > span { font-size:14px; color:#777;  }
.viewTitle .viewTitlefr {  width:150px; text-align:right}
.viewTitle .viewTitlefr > a {  margin: 0  0 0  20px}

.viewimg_center { background:#fafafa;  text-align:center;  margin:20px auto}
.view_p { margin:  0 0  20px 0 }
.view_p > h4 ,.view_p > p { font-size:14px; color:#2f2f2f; line-height:24px }
.view_p > p { }
.view_p img{max-width: 100% !important;height: auto !important;}

.sx_arrow {  border-top:1px solid #bababa; border-bottom:1px solid #bababa; padding:5px 0 ; margin:50px auto auto auto; overflow:hidden}
.sx_arrowfl {  width:380px;padding:10px }
.sx_arrowfl > a {  font-size:13.7px; color:#333;vertical-align:middle}
.sx_arrowfl > a:hover ,.sx_arrowcenter>a:hover{  color:#f9ab55}
.sx_arrowcenter { width:300px; padding:  10px;  text-align:center}
.sx_arrowcenter > a {  font-size:13.7px; color:#333; }
.sx_arrow_l {  border-right:1px solid #bababa}
.sx_arrow_l > a { background:url(../images/l_jt.png) no-repeat center left; padding:0  0 0 40px }
.sx_arrow_r {  text-align:right; border-left:1px solid #bababa}
.sx_arrow_r > a { background:url(../images/r_jt.png) no-repeat center right; padding:0   40px 0 0 }



/*客户案列*/
.case_bg {background:url(../images/caseBg.jpg) no-repeat center center; background-size:cover}
.case {  margin:20px auto;}
.casenav {  }
.casenav > ul {  overflow:hidden}
.casenav > ul > li { border:2px solid #ff6303; color:#999999;  float:left;  margin: 0 15px 0 0; font-weight:bold; font-size:18px; width:240px; height:60px;  line-height:60px;   text-align:center; cursor:pointer}
.casenav > ul > li > span {font-weight:bold; font-size:25px; margin: 0  10px 0 0 }
.casenav > ul > li:hover {  background:#ff6303; color:#fff;}
.casenav > ul > li:hover span {  color:#fff;}
.casenav > ul .liOrange {  background:#ff6303; color:#fff;}
.casenav > ul .liOrange span { color:#fff; }

.caseList { }
.caseList > ul {  overflow:hidden; margin: 0 0 0 -35px}
.caseList > ul > li { background:#fff;  width:370px;  float:left; margin: 35px 0 0 35px;}
.caseList > ul > li .caseImg ,.caseList > ul > li .caseImg>a>img{  width:370px; height:260px;}
.caseList > ul > li .casefont { padding:15px 20px 5px 20px ; }
.caseList > ul > li .casefont > h4 { font-size:16px;  color:#333;  }
.caseList > ul > li .casefont > h4 > a { color:#333;height: 21px;line-height: 21px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.caseList > ul > li .casefont > h4 > a > span {  float:left;}
.caseList > ul > li .casefont > h4 > a:hover {  color:#ff6612}
.caseList > ul > li .casefont > h4 > a > img {  float:left;margin:2px 0  0  5px}
.caseList > ul > li .casefont > div { margin:10px auto auto  auto; overflow:hidden; border-top:1px  dashed #f8f8f8; padding:10px}
.caseList > ul > li .casefont > div > span { font-size:13px; color:#555 }
.caseList > ul > li .casefont > div > a { }
.leftRightA > img {  position:relative;
  animation: rotation 1s linear infinite;
  -moz-animation: rotation 1s linear infinite;
  -webkit-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite; }
@keyframes rotation
{
  from { left: 10px}
  to { left:0px}
}
@-webkit-keyframes rotation
{
  from { left: 10px}
  to { left:0px}
}

@-moz-keyframes rotation
{
  from { left: 10px}
  to { left:0px}
}

@-o-keyframes rotation
{
  from { left: 10px; }
  to { left: 0px; }
}




.case_anl {  width:100%; min-width:1180px;   height:235px; background:url(../images/caseBg_2.jpg) no-repeat center center; background-size:cover}
.case_anlAuto {  width:1180px; margin:auto; padding:  80px 0 0 0}
.case_anlAuto > p { font-size:16px; color:#fff; line-height:20px;  }
.case_anlAuto > h4 { font-size:36px; line-height:40px; color:#fff; margin:5px 0 0 0 }
.customerlist {  padding:15px;  background:#fff; overflow:hidden; margin: 0  0  20px 0}
.customerlistfl ,.customerlistfl>img{ width:560px; height:380px;  }
.customerlistfr {  width:570px ;}
.customerlistfr > p { font-size:18px; text-align:center; color:#555555; line-height:30px; }
.customerlistfr > h4 { font-size:24px; color:#333; line-height:40px; text-align:center ; margin:10px  0 0 0}
.customerlistfr .custmerline { width:90px; height:2px; background:#333; margin :5px auto }
.customerlistfr > .custmerfont {  margin:20px auto}
.customerlistfr > .custmerfont p { text-align:left; font-size:14px; color:#777; line-height:24px; height:72px; overflow:hidden}
.customerlistfr .customer_A {  border-top:1px solid #f8f8f8; padding: 10px ; overflow:hidden}
.customerlistfr .customer_A > a {  display:inline-block; float:left; margin: 10px 10px 0  0; background:#ff6303; height:30px; padding: 0 20px; border-radius:100px; font-size:14px; color:#fff; line-height:30px; }




















/*底部*/
.tskj_footer {  width:100%; min-width:1180px; }
.tskj_footer .tskj_footer_auto { width:1180px; margin:auto}
.footer_Top {padding:35px 0 10px 0; background:#222; }
.footer_Top .footer_TopAuto {  width:1180px;margin:auto; overflow:hidden}
.footer_TopAuto .footer_TopImg { width:175px; height:65px;  margin: 100px 0 0 0 }
.footer_TopAuto .footer_TopFont { width: 580px;  text-align:center;   overflow: hidden;  margin: 120px 0 0 10px}
.footer_TopAuto .font_14_A>a{ font-size: 14px; color: #8b8b8b; display: inline-block;padding:  0 18px; position: relative}
.footer_TopAuto .font_14_A>a:after{
  position: absolute;
  top: 10%;
  right: 0;
  height: 80%;
  border-right: 1px solid #8b8b8b;
  content: '';
}
.footer_TopAuto .font_14_A >a:last-child:after{
  position: absolute;
  top: 10%;
  right: 0;
  height: 80%;
  border-right: transparent;
  content: '';
}

.footer_Topnav{
  width:400px;
  margin: 50px 0 0 0;
}
.font_14_p{
  margin: 40px 0 0 0;
  padding:  0 0 0  18px;
}
.font_14_p >p{
  font-size: 14px;
  color: #8b8b8b;
  line-height: 20px;
  margin:  0 0  30px 0;
}







.footer_bot {  background:#222;  padding:15px 0}
.footer_botAuto { width:1180px; margin:auto ; overflow:hidden }
.footer_botAuto .footer_botfl { width:830px; font-size:12px; color:#999; height:35px; line-height:35px; text-align:right }

.footer_botAuto .footer_botfr { }
.footer_botAuto .footer_botfr > a { margin: 0 0 0 15px  }
.footer_botAuto .footer_botfr > a > img { -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-out;}

.footer_botAuto .footer_botfr > a:hover img {
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  transform: rotateZ(360deg);

}


.friendHz{
}
.friendHz>ul{ overflow: hidden; margin:  0 0 0 -13px}
.friendHz>ul>li{
  margin:13px  0 0  13px;
   width: 285px;
    float: left;
  cursor: pointer;
}
.friendHz>ul>li .friendImg{
   height: 160px;
   width: 100%;
   position: relative;
  overflow: hidden;
}


.friend_js{
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    padding:0 5%;
    background:rgba( 0, 0 ,0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transform: translateY(160px);
    -webkit-transform: translateY(160px);
    transition: all 0.7s;
   -webkit-transition: all 0.7s;
}
.friend_js.active{
  transform: translateY(0);
  -webkit-transform: translateY(0);
  transition: all 0.7s;
  -webkit-transition: all 0.7s;
}

.friend_js>p{
   font-size: 15px;
   color: #fff;
  line-height: 25px;
  max-height: 120px;
  overflow: hidden;
  transition: all 1s;
  -webkit-transition: all 1s;
  transform: translateY(-200px);
  -webkit-transform: translateY(-200px);
}
.friend_js.active>p{
  transition: all 1s;
  -webkit-transition: all 1s;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.friendHz>ul>li .friendImg img{
  height: 160px;
  width: 285px;
}
.friendHz>ul>li>h4{
   font-size: 15px;
   color: #333;
   line-height: 30px;
  height: 30px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.caseNone{ display: none}
.caseActive{ display: block}


.red{ border: 1px solid red}




/*手机显示CSS*/
@media screen and ( max-width: 800px) {
     .float-right-box{  display: none}
}
.padding_0{
     padding: 0!important;
}
.swiperXs{
     height: 300px;
      width: 100%;
       position: relative;
}
.swiperXs img{
    height: 300px;
    width: 100%;
}
.swiperXs .cent-cont{
     position: absolute;
     top: 0;
     left: 0;
    width: 100%;
}
.swiperXs .cent-cont .word{
    width:90%;
     padding:15% 5% 5% 5% ;
}
.swiperXs .cent-cont .word p{ font-size: 18px; color: #fff;   margin: 2% 0 0 0}
.swiperXs .cent-cont .word .font-sign{}

.transLeft{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all 1s;
    -webkit-transition: all 1s;
}
.transLeft.active{
 transform: translateX(50%);
    -webkit-transform: translateX(50%);
     transition: all 1s;
     -webkit-transition: all 1s
}
.navCh{  position: fixed; top:0; left: -50%; width: 50%; height: 100%; background: #222;}
.navCh>a{
     display: inline-block;
     width:80%;
      font-size: 16px;
     color: #fff;
    padding: 0 10%;
    line-height: 40px;
    max-width: 2% 0 0 0;
}
.telYd{ display: flex; justify-content: left; align-items: center}
.ProupC{
  cursor: pointer;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition:ease-in 0.5s;
    -webkit-transition:ease-in 0.5s;
    position: fixed; top:0; left:0; width: auto; height: 100%; background: rgba(0,0,0,0.6); z-index: 99999;
}
.ProupC.active{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: ease-in 0.5s;
    -webkit-transition: ease-in 0.5s;
    width: 100%;
}




.yd_scroll{ position: relative}
 .yd_nav{ position: absolute;  top: 10px; right: 10px; z-index:9999}
 .yd_nav img{ width: 25px; height: 25px;}


/*yd server*/
.fontBlack{ color: #000; }
.fontWhite{ color: #fff}
.fontblack_p{ color:#aaaaaa; text-indent: 2em}
.fontWhite_p{ color: #fff}
.fontH4{text-align: center;font-size: 30px;font-weight: bold; line-height: 35px; margin:  20px 0 10px 0}
.fontP{text-align: left; font-size: 13px;  line-height: 25px ; text-indent: 2em}
.yd_server{ margin: 2% auto}
.yd_server .service_Title{  padding: 2% 5%}
.yd_server .service_Title>h4{ }
.yd_server .service_Title>p{}
.yd_serverList{ width: 90%;  margin:10px  auto auto auto}
.yd_serverList>ul{}
.yd_serverList>ul>li{  margin:  0  0 15px 0; background: #F3F3F3;
    border-radius: 6px; }
.yd_serverList>ul>li .yd_serverAuto{ margin: auto; position: relative;
  padding:  0 0  20px 0; }
.yd_serverList>ul>li .yd_serverAuto .yd_serverImg{
    position: absolute; top: 0;right: 0; width: 120px; height: 120px; }
.yd_serverList>ul>li .yd_serverAuto .yd_serverImg>img{width: 120px; height: 120px;}
.yd_serverList>ul>li .yd_serverAuto  .yd_serverFont{  margin:  0 130px 0 0 ; padding: 10px  0 0 10px }
.yd_serverFont>h4{ font-size: 15px;  color: #000;
    font-weight: 800;
    line-height: 25px; height: 25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.yd_serverFont>p{ height: 80px; margin: 5px 0 0 0; text-indent: 2em;
    font-size: 1.2rem;height: 60px;
    line-height: 20px; overflow: hidden}

/*移动case*/
.yd_case{
     background: #222;
     padding: 5% 0;
}
.yd_Case_title{ padding: 3% 5%}
.yd_case_li{ padding:2% 5% 0 5%}
.yd_case_li>ul{}
.yd_case_li>ul{ display: flex;  justify-content: space-between; flex-flow: wrap}
.yd_case_li>ul>li{ background: #fff; width: 48.5%;  margin:  0 0 5% 0}
.yd_case_li>ul>li>a{ display: inline-block; width: 100%}
.yd_case_li>ul>li>a .yd_caseImg{width: 100%;}
.yd_case_li>ul>li>a .yd_caseImg img{  max-width: 100%}
.yd_case_li>ul>li>a .yd_caseFont{ padding: 2%}
.yd_case_li>ul>li>a .yd_caseFont>h4{ font-size: 15px; color: #333; line-height: 25px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.yd_case_li>ul>li>a .yd_caseFont>p{font-size: 13px;height: 40px;overflow: hidden;line-height: 20px;}
.moreAl{ text-align: center; padding: 2% 0  0 0}
.moreAl>a{ display: inline-block; padding: 8px 40px ; border-radius: 20px;
    font-size: 13px;color: #A0A0A0;background: #464646;}


/*移动解决方案*/
.yd_fangan{
     background: #f9f9f9;
    padding: 2%;
}
.swiper_Fa{ margin: 5% auto}
.yd_Fa{text-align: center}
.yd_Fa .yd_Fa_img{   background-image: url(../images/yybg.png);height: 90px;margin: auto;}
.yd_Fa .yd_Fa_img_1{background-position: -169px -96px;width: 169px;}
.yd_Fa .yd_Fa_img_2{    background-position: -508px 0px;width: 170px;}
.yd_Fa .yd_Fa_img_3{    background-position: -169px 0px;width: 170px;}
.yd_Fa .yd_Fa_img_4{     background-position: -451px -96px;width: 170px;}
.yd_Fa>h4{ font-size: 16px; color: #333; font-weight: bold; line-height: 25px; margin: 10px 0 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.yd_Fa>p{ font-size: 12px; color: #666;line-height: 20px; margin: 5px 0 0 0}


.yd_eyes{
     background: #fff;
    padding: 3% 0;
}
.yd_eyesli{ padding: 5% }
.yd_eyesli>ul{}
.yd_eyesli>ul>li{ margin:  0 0   20px 0}
.yd_eyesli>ul>li:last-child{ margin: 0!important;}
.yd_eyesli>ul>li>a{ display: inline-block; width: 100%}
.yd_eyesli>ul>li>a .yd_eyesAuto{ position: relative; border-bottom: 1px solid  #e2e2e2; padding:  0 0  20px 0}
.yd_eyesli>ul>li:last-child >a .yd_eyesAuto{ border: none}
.yd_eyesli>ul>li>a .yd_eyesAuto .yd_eyesTime{    width: 75px;
    height: 75px;
    border: 1px solid #464646;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
   position: absolute;
     top: 0;
     left: 0;
     display: flex;
    align-items: center;
     justify-content: center;
    align-content: center;
    flex-flow: wrap;
}
.yd_eyesTime>p{
  height: 30px;
   line-height: 30px;
}
.yd_eyesli>ul>li>a .yd_eyesAuto .yd_eyesFont{
     margin:  0 0  0 90px;
}
.yd_eyesFont>h4{ font-size: 16px; color: #333; height: 50px; line-height: 25px;font-weight: 600;overflow:hidden;}
.yd_eyesFont>p{ font-size: 14px; color: #666; margin: 5px 0 0 0;
    line-height: 20px; height: 20px; text-align: right; overflow: hidden;
    background: url("../images/jt.png") no-repeat  right center;
   padding:  0 15px 0  0 ;
   background-size: 12px;
}
.yd_eyesFont>p>a{
    font-size: 13px;
    color: #999999;
}
.yd_footer{
  background: url(../images/index_wb.jpg) no-repeat top center;
  background-size: cover;
  padding:5% 3% 4% 3%;
}
.yd_footer>p{ margin: 2% 0 0 0;  font-size: 14px; color: #fff; line-height: 25px;}


/*服务方案*/
.serviceFa{
    height: 300px;

     position: relative;
}
.serviceFa.serviceFa_1{
    background: url("../images/resolve_bg.jpg") no-repeat top center ;
    background-size: cover;
}

.serviceFa.serviceFa_2{
    background: url("../images/viewBg.jpg") no-repeat top center ;
    background-size: cover;
}
.serviceFa.serviceFa_3{
    background: url("../images/about_Bg.jpg") no-repeat top center ;
    background-size: cover;
}

.serviceFa.serviceFa_4{
    background: url("../images/Contactus.jpg") no-repeat top center ;
    background-size: cover;
}

.serviceFa.serviceFa_5{
    background: url("../images/caseBg_2.jpg") no-repeat top center ;
    background-size: cover;
    height: 200px!important;
}
.serviceFa>div{ text-align: center; position: absolute; top: 0;left: 0; width: 80%;
    height: 100%;  padding: 0 10%;
  display: flex;
     align-items: center;
    flex-flow:wrap;
     align-content: center;
    justify-content: center;
}
.serviceFa>div>h4 { font-size: 22px; font-weight:bold; color: #fff; margin:  0 0 20px 0}
.serviceFa>div>p{ font-size: 15px; color: #fff; line-height: 25px; height: 120px; overflow: hidden}
.serviceNav_yd{  margin: 2% auto auto  auto;  display: flex; align-content: center ;justify-content: space-between}
.serviceNav_yd>a{ background: #e2e2e2; display: inline-block; width: 50%; font-size: 15px; color: #666; height: 40px; text-align: center; line-height: 40px;}
.serviceNav_yd>a.active{ background: #ff6612;  color: #fff}

.ydData{ margin: 10px 0 0 0}
.ydData>ul{}
.ydData>ul>li{ margin:  0 0 10px 0 }
.ydData>ul>li>a{ display: inline-block; width: 100%}
.ydDataAuto{ border-bottom: 1px solid #e2e2e2; width: 95%; margin: auto; position: relative;  padding:  0 0 10px 0}
.ydDataAuto .ydDataImg{ width: 100px;  height: 100px; position: absolute ; top: 0; left: 0;}
.ydDataAuto .ydDataImg>img{ max-width: 100%}
.ydDataAuto .ydDataFont{ margin:  0 0 0 110px;  min-height: 100px}
.ydDataAuto .ydDataFont >h4{ font-size: 16px; color: #333; line-height: 40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ydDataAuto .ydDataFont>p{ margin: 10px 0 0 0; font-size: 14px; color: #555; line-height: 20px; height: 40px; overflow: hidden}


.ydEyeList{ width: 95%;  margin: 3% auto}
.ydEyeList>ul{  display: flex;  justify-content: space-between; flex-flow: wrap}
.ydEyeList>ul>li{ width: 45%; padding: 2%; background: #fff; margin:  0 0 10px 0}
.ydEyeList>ul>li>a{ display:inline-block; width: 100%}
.ydEyeListImg{}
.ydEyeListImg>img{max-width: 100%}
.ydEyeListFont{}
.ydEyeListFont>h4{ margin: 5px 0 0  0; font-size: 14px; line-height: 25px; height: 25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ydEyeListFont>span{ font-size: 12px; color: #777; }
.ydEyeListFont>p{ font-size: 12px; margin: 5px 0 0 0; color: #555; height: 40px; line-height: 20px; overflow: hidden}


.ydAnlie{ width: 95%;  margin: 10px auto}
.ydAnlie>ul{ display: flex;  justify-content: space-between; flex-flow: wrap}
.ydAnlie>ul>li{ width: 45%; padding: 2%; background: #fff; margin:  0 0 10px 0}
.ydAnlie>ul>li>a{ display: inline-block; width: 100%}
.ydAnlieImg{}
.ydAnlieImg>img{max-width: 100%}
.ydAnlieFont{}
.ydAnlieFont>h4{ font-size: 15px; line-height:35px;height: 35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ydAnlieFont>p{}
.ydAnlieFont>div{ margin: 5px 0  0 0; display: flex; justify-content: space-between; align-items: center}
.ydAnlieFont>div>span{ font-size: 13px; color: #555}
.ydAnlieFont>div>img{}
.ydAnlieNav{ overflow: hidden}
.ydAnlieNav>a{ font-size: 15px; color: #777; font-weight: bold; float: left; margin:  0 5%  0 0; line-height: 30px}
.ydAnlieNav>a.active{color: #333}
.ydAnlieHide{ display: none}
.ydAnlieShow{ display: block!important;}



.yd_About{ width: 95%; margin:10px  auto}
.yd_About .ydAboutList{ text-align: center}
.yd_About .ydAboutList>img{ max-width: 100%}
.yd_About .ydAboutList>h4{ font-size: 18px; font-weight: bold; color:#333;line-height: 35px;  margin: 10px 0 0 0}
.yd_About .ydAboutList>p{text-align: left; font-size: 14px; color: #777; line-height: 20px; margin: 10px 0}
.yd_About .ydAboutList>ul{}
.yd_About .ydAboutList>ul>li{ text-align: left; margin: 5px 0 0 0; background: url("../images/about_dian.png") no-repeat left center; padding:  0  0 0 10px; height: 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.yd_About .ydAboutList>ul>li>a{ font-size: 14px; color: #777; }


.fillintheYd,.ydMap{ width: 90%; padding: 5%; background: #fff; margin: 10px auto}
.fillintheYd>h4,.ydMap>h4{font-size: 15px; font-weight: bold; color: #333; }
.fillintheYd>ul{}
.fillintheYd>ul>li{ margin: 10px 0 0 0}
.fillintheYd>ul>li>h4{   font-size: 14px; font-weight: bold; height: 30px;line-height: 30px;}
.fillintheYd>ul>li >input{ font-size: 14px; color: #333; line-height: 25px; background: #f9f9f9;  width: 96%; padding:  2%;  border: none; outline: none}
.fillintheYd>ul>li>textarea{
    font-size: 14px; color: #333; line-height: 25px;
    width: 96%; padding:  2%;
    background: #f9f9f9;
    height: 100px;
    border: none;
    outline: none;
}
.btnSubmit{ margin: 5% auto}
.btnSubmit>button{ width: 100%; height: 40px; text-align: center; font-size: 15px; color: #fff; background: #222; outline: none; border: none}

.allmap_yd {  width:100%; height:200px;  margin:10px auto auto auto}



.ydcase_Xq{margin: auto;padding: 5% }
.synopsis{  padding: 5% 0  0 0}
.synopsis>h5{ font-size: 16px;  color: #2b2b2b; line-height: 25px;text-align: center}
.synopsis>h3{ font-size: 18px; color: #333; font-weight: 800; line-height: 30px; text-align: center; margin:  0 0 10px 0}
.synopsis>img{ max-width: 100%}
.synopsis>p{ font-size: 14px; color: #777; line-height: 24px; margin: 10px 0}
.synopsisTag{border-top: 1px solid #e2e2e2; padding: 10px 0  0 0; overflow: hidden}
.synopsisTag>a{  display: inline-block; float: left; margin:  0 10px  10px 0; height: 25px; padding:  0 10px; border-radius: 20px; background: #ff6303; line-height: 25px; color: #fff }
.synopsisImg{ width: 100%;  margin:  0 0 5% 0;overflow: hidden;}
.synopsisImg img{ max-width: 100% !important; height: auto !important;}


.ydEyeDynamic{  background: #fff; padding:5%}
.ydEyeDynamic>h4{ font-size: 15px; color: #333; margin:  0 0 5px 0}
.ydEyeDynamic>span{ font-size: 13px; color: #777 }
.ydEyeDynamic .ydEyeDynamicImg{ text-align: center; margin: 5px 0}
.ydEyeDynamic .ydEyeDynamicImg>img{max-width: 100%}
.ydEyeDynamic .ydEyeDynamiclist{ margin:  0 0 10px 0;}
.ydEyeDynamic .ydEyeDynamiclist img{max-width: 100% !important;height: auto !important;}
.ydEyeDynamic .ydEyeDynamiclist>p{ font-size: 14px; color: #2f2f2f; line-height: 24px}



.contEyesImg img{ max-width: 100%}
.contEyesFont{
     padding: 5%;
    background: #F3F3F3;
}
.contEyesFont>span{
    font-size: 13px;
    color: #999999;
    line-height: 20px;
}

.contEyesFont>h4{
    font-size: 18px;
    color: #000000;
    font-weight: 800;
     line-height: 25px;
     margin: 5px 0 0 0;
}
.contEyesFont>p{
     font-size: 14px;
    color: #333333;
    line-height: 25px;
    text-indent: 2em;
    margin: 5% 0 0 0;
}



.footNew{}
.footNewTop{
    background: #222222;
    padding: 5% 5% 3% 5%;
}
.footNew img{  max-width: 80%}
.footAbout{ padding: 10px 0}
.footAbout>p{
     text-align: right;
    font-size: 12px;
    color: #7c7c7c;
     line-height: 25px;
}
.footA{
     display: flex;
     justify-content: space-between;
      align-items: center;
    flex-flow: wrap;
}
.footA>a{
    font-size: 12px;
    color: #FFFFFF;
    display: inline-block;
    position: relative;
    padding:  0 1%;
}
.footA>a:after{
     position: absolute;
     top: 15%;
     right: 0;
     height: 70%;
    border-right:1px solid #fff;
    content: '';
}

.footA>a:last-child:after{
    position: absolute;
    top: 15%;
    right: 0;
    height: 70%;
    border-right:none;
    content: '';
}

.footNewBot{
     padding: 5%;
    text-align: center;
    background: #111111;
    font-size: 12px;
    color: #555555;
    line-height: 25px;
}